<template>
    <div class="newproduct">
        <div>
            <div style="display: flex;">
                <div style="flex: 1;">
                    <div class="item_card">
                        <img src="./../../assets/itemIcon/001.jpg" alt="">
                        <div>独立水箱奶瓶清洗消毒机</div>
                        <div class="details_btn">了解详情</div>
                    </div>
                </div>
                <div style="flex: 1;">
                    <div class="item_card">
                        <img src="./../../assets/itemIcon/002.jpg" alt="">
                        <div>独立水箱奶瓶清洗消毒机</div>
                        <div class="details_btn">了解详情</div>
                    </div>
                </div>
                <div style="flex: 1;">
                    <div class="item_card">
                        <img src="./../../assets/itemIcon/003.jpg" alt="">
                        <div>独立水箱奶瓶清洗消毒机</div>
                        <div class="details_btn">了解详情</div>
                    </div>
                </div>
            </div>
            <div style="display: flex; margin-top: 20px;">
                <div style="flex: 1;">
                    <div class="item_card">
                        <img src="./../../assets/itemIcon/004.jpg" alt="">
                        <div>独立水箱奶瓶清洗消毒机</div>
                        <div class="details_btn">了解详情</div>
                    </div>
                </div>
                <div style="flex: 1;">
                    <div class="item_card">
                        <img src="./../../assets/itemIcon/005.jpg" alt="">
                        <div>独立水箱奶瓶清洗消毒机</div>
                        <div class="details_btn">了解详情</div>
                    </div>
                </div>
                <div style="flex: 1;">
                    <div class="item_card">
                        <img src="./../../assets/itemIcon/006.jpg" alt="">
                        <div>独立水箱奶瓶清洗消毒机</div>
                        <div class="details_btn">了解详情</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
    name: 'newproduct',
    data() {
        return {
        }
    },
    mounted() {
    },
    methods: {
    }
}
</script>
<style scoped>

.item_card {
    width: 300px;
    height: 340px;
    background-color: var(--color-common-f2);
    margin: 0 auto;
}
.item_card div {
    text-align: center;
}
.item_card img {
    width: 200px;
    height: 200px;
    margin: 20px 50px;
}
</style>